<?xml version='1.0' encoding='utf-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <title>Pop! simple pop menus with jQuery</title>
    <link href="stylesheets/pop.css" media="all" rel="stylesheet" type="text/css"/><link href="stylesheets/application.css" media="all" rel="stylesheet" type="text/css"/>
    <script language="javascript" src="javascripts/jquery.js" type="text/javascript"></script><script language="javascript" src="javascripts/jquery.pop.js" type="text/javascript"></script>
    <script type='text/javascript'>
      $(document).ready(function(){
        $.pop();
      });
    </script>
  </head>
  <body>
    <div class='container'>
      <h1>Pop!</h1>
      <h2>enjoy simple dropdown menus with <em>pop!</em>, an unobtrusive javascript plugin for jquery.</h2>
      <div class='menu'>
        <h3>
          Demo
          <div class='pop'>
            <p>you can put anything you want in here!</p>
            <p>images, links, movies of your cats. you name it!</p>
            <p>you can even have several on the same page.</p>
            <p>hoorah!</p>
          </div>
        </h3>
      </div>
      <div class='download'>
        <h3>Download</h3>
        <h4><a href="http://github.com/seaofclouds/pop/tarball/master">Tar</a> <small>or</small> <a href="http://github.com/seaofclouds/pop/tree/master%2Fjavascripts%2Fjquery.pop.js?raw=true">Source</a>  <small>or</small> <a href="http://github.com/seaofclouds/pop/">Github</a></h4>
      </div>
      <h3>Usage</h3>
      <p>Include the stylesheet, with any of your mods.</p>
      <code>
        &lt;link href=&quot;/pop/stylesheets/pop.css&quot; media=&quot;all&quot; rel=&quot;stylesheet&quot; type=&quot;text/css&quot;/&gt;
      </code>
      <p>Include <a href="http://docs.jquery.com/Downloading_jQuery">jQuery</a> and <a href="http://github.com/seaofclouds/pop/tree/master%2Fjavascripts%2Fjquery.pop.js?raw=true">jquery.pop.js</a></p>
      <code>
        &lt;script language=&quot;javascript&quot; src=&quot;/pop/javascripts/jquery.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;<br />
        &lt;script language=&quot;javascript&quot; src=&quot;/pop/javascripts/jquery.pop.js&quot; type=&quot;text/javascript&quot;&gt;&lt;/script&gt;
      </code>
      <p>Initialize pop!</p>
      <code>
        &lt;script type=&apos;text/javascript&apos;&gt;<br />
          &nbsp;&nbsp;&nbsp;$(document).ready(function(){<br />
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$.pop();<br />
          &nbsp;&nbsp;&nbsp;});<br />
        &lt;/script&gt;<br /><br />
      </code>
      <p>Wrap your popped element with your desired pop class.</p>
      <code>
        &lt;div class=&apos;pop&apos;&gt;<br />
          &nbsp;&nbsp;&nbsp;&lt;p&gt;you can put anything you want in here!&lt;/p&gt;<br />
          &nbsp;&nbsp;&nbsp;&lt;p&gt;images, links, movies of your cats. you name it!&lt;/p&gt;<br />
        &lt;/div&gt;
      </code>
      <h3>Contribute</h3>
      <p>Bring your code slinging skills to <a href="http://github.com/seaofclouds/pop/">Github</a> and help us develop features like hover, chainable events and themes for pop!</p>
      <code>
        git clone git@github.com:seaofclouds/pop.git
      </code>
      <h3>Licensed under the MIT</h3>
      <code>
        <a href="http://www.opensource.org/licenses/mit-license.php">http://www.opensource.org/licenses/mit-license.php</a>
      </code>
      <p class='copyright'>something nifty from <a href="http://seaofclouds.com">seaofclouds</a> | &copy; 2008 seaofclouds</p>
    </div>
  </body>
</html>
